Skip to content

Restyle Quick Actions sheet to match DevTools drawer#92

Merged
mcintyre94 merged 1 commit intomainfrom
restyle-quick-actions-sheet
Mar 15, 2026
Merged

Restyle Quick Actions sheet to match DevTools drawer#92
mcintyre94 merged 1 commit intomainfrom
restyle-quick-actions-sheet

Conversation

@mcintyre94
Copy link
Owner

@mcintyre94 mcintyre94 commented Mar 15, 2026

Summary

Finally figured out why this UI wasn't quite looking right to me, now mirrors the webview console which I think is a really nice sheet UI

  • Replace TabView with a segmented Picker in the .principal toolbar position, matching the DevTools drawer design
  • Remove opaque Color(.systemBackground) from inner views so the sheet material shows through
  • Use a typed QuickActionsTab enum for tab state instead of Int

Why Picker over TabView

  • Avoids swipe-to-switch conflicts with horizontal scroll content (shell char bar, bash output)
  • Frees up bottom bar space — toolbar takes the hit instead
  • Visually consistent with the console/network debug viewer

🤖 Generated with Claude Code

Replace TabView with segmented Picker in principal toolbar position,
and remove opaque systemBackground to let sheet material show through.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@mcintyre94 mcintyre94 force-pushed the restyle-quick-actions-sheet branch from 748c372 to 9cbede4 Compare March 15, 2026 20:53
@claude
Copy link

claude bot commented Mar 15, 2026

Code review

No issues found. Checked for bugs and CLAUDE.md compliance.

@mcintyre94 mcintyre94 merged commit 3c229dd into main Mar 15, 2026
2 checks passed
@mcintyre94 mcintyre94 deleted the restyle-quick-actions-sheet branch March 15, 2026 21:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant